@import "../common.less";

.related-list {
  min-height: calc(100vh - 200px);
}

.news-title {
  margin: auto;
  text-align: center;
  color: #034ea2;
  margin-bottom: 44px;
  margin-top: 36px;

  h2 {
    font-size: 38px;
    color: #365295;
    letter-spacing: 2px;
  }
}

.news-contents{
  width: 1245px;
  margin: auto;
  margin-bottom: 48px;



  ::ng-deep .ant-tabs-bar{
    border:0;
    .ant-tabs-ink-bar{
      height:0;
    }
  }

  ::ng-deep .ant-tabs-nav-container{
    .ant-tabs-tab-next-icon-target, .ant-tabs-tab-prev-icon-target{ font-size: 20px;}
  }

  ::ng-deep .ant-tabs-tab {
    /*height: 35px; line-height: 30px; font-size: 15px; border-top-left-radius: 18px; border-bottom-right-radius: 18px; */
    height: 52px; line-height: 46px; font-size: 22px; border-top-left-radius: 26px; border-bottom-right-radius: 26px;

    padding: 0 42px;

    overflow: hidden;
    color: #5E75A9;
    letter-spacing: 2px;
    text-align: center;
    border: 2px solid #5e75aa;
    margin-right: 24px;
    cursor: pointer;


    &.ant-tabs-tab-active {
      background: #5E75A9;
      color: white;
    }

    .title-left {
      width: 30%;
      height: 100%;
      background-color: #5E75A9;
      color: #ffffff;
      text-align: left;
      border-top-right-radius: 30px;
      line-height: 40px;
      padding-left: 12px;

    }
  }

  .content {
    min-height: 300px;

    .content-list {
      height:64px;
      padding-top:12px;
      cursor: pointer;
      line-height: 3;
      border-top: 1px dotted #9D9D9D;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 22px;
      color: black;
      padding-left: 12px;

      &:last-child {
        border-bottom: 1px dotted #9D9D9D;

      }

      .content-time {
        margin-right: 16px;
        /*font-size: 16px;*/
        width: 140px; min-width:140px;
        color: #9D9D9D;
      }

      .content-organ {
        margin-right: 32px;
        /*font-size: 16px;*/
        color: #9D9D9D;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow:hidden;
      }

      .content-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
    }

  }
}

.h-foot {
  margin-top: 0;
}
